<%--
  Created by IntelliJ IDEA.
  User: 飞蓬
  Date: 2018/4/30
  Time: 14:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Home</title>
    <!-- for-mobile-apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
    function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- //for-mobile-apps -->
    <link href="<%=basePath%>/static/frontpage/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <link href="<%=basePath%>/static/frontpage/css/style.css" rel="stylesheet" type="text/css" media="all" />
    <!-- js -->
    <script src="<%=basePath%>/static/frontpage/js/jquery-1.11.1.min.js"></script>
    <!-- //js -->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Jura:400,300,500,600' rel='stylesheet' type='text/css'>
    <!-- start-smoth-scrolling -->
    <script type="text/javascript" src="<%=basePath%>/static/frontpage/js/move-top.js"></script>
    <script type="text/javascript" src="<%=basePath%>/static/frontpage/js/easing.js"></script>
    <script src="<%=basePath%>/static/js/zDialog/zDialog.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
    </script>
    <!-- start-smoth-scrolling -->
</head>

<body>

<!-- body-top -->
<div class="body-top">
    <div class="container">
        <div class="body-top-left">
            <p></p>
        </div>
        <div class="body-top-right">
            <div id="time" class="social">
                <iframe src="" width="140" height="18" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" allowtransparency="true" scrolling="no"></iframe>
            </div>
            <div>
                <li class="dropdown pull-right">
                    <a class="dropdown-toggle" role="button"  data-toggle="dropdown">
                        <span style="font-size: 20px">欢迎您！${sessionUser.userName}</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu" role="menu">
                        <li><a onclick="turnEditPassword()"><span style="cursor: pointer;font-size: 18px;"> 修改密码</span></a></li>
                        <li class="divider"></li>
                        <li><a href="sys/sysUser/loginOut.do"><span style="font-size: 18px;">退出</span></a></li>
                    </ul>
                </li>
            </div>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<!-- //body-top -->
<!-- body-content -->
<div class="body-content">
    <div class="container">
        <!-- header -->
        <div class="logo-search">
            <div class="logo">
                <h1><a href="#">网上挂号<i>医院管理系统</i></a></h1>
            </div>
            <div class="search" STYLE="display: none">
                <form>
                    <input type="text" value="Search Here..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search Here...';}" required="">
                    <input type="submit" value=" " >
                </form>
            </div>
            <div class="clearfix"> </div>
        </div>
        <!-- //header -->
        <!-- nav -->
        <div class="navigation">
            <nav class="navbar navbar-default">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
                    <nav class="cl-effect-20" id="cl-effect-20">
                        <ul class="nav navbar-nav">
                            <li class="active"><a href="/tofronthome.do" target="FrontMainFrame"><span data-hover="Home">主页</span></a></li>
                            <li><a href="/hs/order/orderUserList.do?userId=${sessionUser.userId}&isfront=1" target="FrontMainFrame"><span data-hover="orderPre">个人管理</span></a></li>
                            <li><a href="/hs/hospital/pageList.do?isfront=1" target="FrontMainFrame"><span data-hover="orderPre">医院信息查看</span></a></li>
                            <li><a href="/hs/order/turnSave.do?isfront=1" target="FrontMainFrame"><span data-hover="orderPre">预挂号</span></a></li>
                            <li><a href="#" target="FrontMainFrame"><span data-hover="Mail Us">Mail Us</span></a></li>
                        </ul>
                    </nav>
                </div>
                <!-- /.navbar-collapse -->
            </nav>
        </div>
        <!-- //nav -->
        <!-- banner -->

        <div>
            <iframe name="FrontMainFrame" src="/tofronthome.do" scrolling="false" frameborder="0" style="margin:0px 0px 0px 0px;width:1140px;height:590px;"></iframe>
        </div>

        <!-- //banner -->
    </div>
</div>

<div class="footer-copy">
    <div class="container">
        <p>作者：<a href="#" target="_blank" title="诸飞鹏">诸飞鹏</a>  地址：<a href="#" target="_blank" title="地址">浙江工业大学屏峰校区</a></p>
    </div>
</div>
<!-- //footer -->
<!-- for bootstrap working -->
<script src="<%=basePath%>/static/frontpage/js/bootstrap.js"></script>
<!-- //for bootstrap working -->
<!-- here stars scrolling icon -->
<script type="text/javascript">
    $(document).ready(function() {
        /*
         var defaults = {
         containerID: 'toTop', // fading element id
         containerHoverID: 'toTopHover', // fading element hover id
         scrollSpeed: 1200,
         easingType: 'linear'
         };
         */

        $().UItoTop({ easingType: 'easeOutQuart' });
        startTime();

    });
    function startTime(){
        var today=new Date();
        var week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
        var year=today.getFullYear();
        var month=today.getMonth()+1;
        var date=today.getDate();
        var day=today.getDay();
        var h=today.getHours();
        var m=today.getMinutes();
        var s=today.getSeconds();
        // add a zero in front of numbers<10
        h=checkTime(h)
        m=checkTime(m)
        s=checkTime(s)
        document.getElementById('time').innerHTML=" "+year+"年"+month+"月"+date+"日  "+week[day]+"  "+h+":"+m+":"+s+" "
        t=setTimeout('startTime()',500)
    }

    function checkTime(i){
        if (i<10)
        {i="0" + i}
        return i
    }

    function turnEditPassword(){
        var diag = new top.Dialog();
        diag.title = "修改密码";
        diag.URL = "<%=basePath%>sys/sysAccount/turnEditPassword.do";
        diag.Width = 580;
        diag.Height = 240;
        diag.cancelButton = ""
        diag.CancelEvent=function(){
            diag.close();
        }
        diag.show();
    }
</script>
<!-- //here ends scrolling icon -->
</body>
</html>
